$topnum:4px;
:deep(.userlist-popup) {
  height: calc(450px + $topnum);
}
.userlistback {
  position: relative;
  margin-top: $topnum;
  height: 450px;
  border-radius: 15px 15px 0px 0px;
  background: #FFFBEB linear-gradient(180deg, #FFFBEB 0%, #E7F6A7 100%);
  .titleimg {
    z-index: 10;
    position: absolute;
    top: -$topnum;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 40px;
    background: url('../../assets/images/titleback.png') left top / 100% no-repeat;
    img {
      width: auto;
      height: 18px;
    }
  }
  .backborder {
    height: 100%;
    padding: 3px 3px 0;
    box-sizing: border-box;
    border-radius: 15px 15px 0px 0px;
    background:linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    .contback {
      overflow: hidden;
      height: 100%;
      border-radius: 15px 15px 0px 0px;
      background: #FFFBEB linear-gradient(180deg, #FFFBEB 0%, #E7F6A7 100%);
    }
  }
}